<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>“好友贪吃蛇”Top{{ topNum }} Greedy Snake Top{{ topNum }}</title>
<link rel="stylesheet" type="text/css" href="/css/top10.css" />
</head>
<body>
<div class="top10_layout">
<div class="top10_content">
<div class="top10_title"></div>
<div id="top10_table">
<table cellpadding="5">
  <tr>
  	<td colspan="5" class="top10_title">“好友贪吃蛇”Top{{ topNum }}</td>
  </tr>
  <tr>
    <td>排行</td>
    <td>ID</td>
    <td>分数</td>
    <td>所属网站</td>
    <td>记录时间</td>
  </tr>
  {% for top in tops %} 
	  <tr>
	    <td>0</td>
	    <td><a href="http://xiaonei.com/profile.do?id={{ top.id }}" target="_blank">{{ top.id }}</a></td>
	    <td>{{ top.score }}</td>
	    <td>校内网</td>
	    <td>{{ top.date|date:"Y-m-d H:i:s T" }}</td>
	  </tr>
  {% endfor %}
</table>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var Ptr=document.getElementById("top10_table").getElementsByTagName("tr");
function $() {
    for (i=0;i<Ptr.length;i++) { 
    	Ptr[i].className = ((i+1)%2>0)?"t1":"t2"; 
    	if(i>=2) {
    		Ptr[i].getElementsByTagName("td")[0].innerHTML = (i-1);
    	}
    }
}
window.onload=$;
for(var i=0;i<Ptr.length;i++) {
    Ptr[i].onmouseover=function(){
    this.tmpClass=this.className;
    this.className = "t3";    
    };
    Ptr[i].onmouseout=function(){
    this.className=this.tmpClass;
    };
}
//-->
</script>
<div id="footer" class="footer">{% now "r " %}</div>
</body>
</html>
